@charset "utf-8";
//@import "_reset";
@import "_iconfont1";
@import "utils";
/*@import "common";*/ 

 
    .login_web {
        @include web;
        padding-bottom: 0;
//      @include midContent;
        //头部样式引入
        //中间大图
        .contentBa{
            @include midContent; 
            bottom: 0;
        }
        .MiddleIMG {
            margin-top: r(16);
            width: 100%;
            height: r(830);
            position: relative;
            overflow: hidden;
            img {
                height: 100%;
                @include abCenter;
            }
        }
        //登录方式
        .Login_mode {
            width: 100%;
            margin: 0 auto;
            margin-top: r(40);
            position: relative;
            text-align: center;
            font-size: 0;
            &>div {
                vertical-align: middle;
                width: r(270);
                height: r(70);
                line-height: r(70);
                background: #e49d89;
                display: inline-block;
                margin: 0 r(15);
                text-align: center;
                img {
                    display: inline-block;
                    height: 45%;
                    vertical-align: middle;
                }
                span {
                    margin-left: r(10);
                    font-size: r(19+8);
                    color: #ffffff;
                    display: inline-block;
                    line-height: r(70);
                    height: r(70);
                    vertical-align: middle;
                }
            }
            //      .right {
            //          vertical-align: middle;
            //          display: inline-block;
            //          width: r(270);
            //          height: r(70);
            //          background: #e49d89;
            //          img {
            //              width: r(40);
            //              margin: r(20) r(20);
            //          }
            //          span {
            //              font-size: r(19+8);
            //              color: #ffffff;
            //              display: inline-block;
            //              line-height: r(70);
            //              height: r(70);
            //              vertical-align: top;
            //          }
            //      }
        }
        .Mailbox_login {
            width: r(570);
            height: r(75);
            line-height: r(75);
            margin: r(34) auto;
            border: 1px solid #b8b8b8;
            text-align: center;
            color: #646564;
            font-size: r(24+8);
            a {
                font-size: r(24+8)
            }
            i.iconfont {
                vertical-align: middle;
                font-size: r(30+8);
            }
            span {
                vertical-align: middle;
            }
        }
        .ToLogin {
            margin-top: r(35);
            margin-bottom: r(30);
            p {
                letter-spacing: r(2);
                font-size: r(18+8);
                color: #828282;
                text-align: center;
                a {
                    display: inline-block;
                    padding: 0 r(3);
                    font-size: r(18+8);
                    color: #202020;
                    line-height: r(35);
                    border-bottom: 1px solid black;
                }
            }
        }
    }
